<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <!-- <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'"
    /> -->
    <style>
      html {
        min-height: 40rem;
        min-width: 35rem;
        background: white;
      }
      .navbar-nav .nav-link {
        padding: 0.1rem 0.1rem;
        line-height: 0.8rem;
        font-size: 0.9rem;
        margin: 0%;
        border: 0%;
      }
      /* 按钮去掉点击时候出现的边框 */
      .btn:focus {
        box-shadow: none !important;
      }
      select:focus {
        box-shadow: none !important;
      }
      textarea:focus {
        box-shadow: none !important;
      }
    </style>
    <link rel="stylesheet" href="static/css/bootstrap.css" />

    <script type="text/javascript"></script>
  </head>
  <body>
    <nav class="navbar navbar-expand navbar-dark bg-dark fixed-top">
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="/index.html" draggable="false">常用</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="/decode.html" draggable="false">编码</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/convert.html" draggable="false">转换</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/crypto.html" draggable="false">加密</a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link" href="/setting.html" draggable="false">设置</a>
          </li> -->
        </ul>
      </div>
    </nav>
    <div
      class="card"
      style="margin-top: 2.7rem; margin-left: 0.5rem; margin-right: 0.5rem"
    >
      <!-- <div class="card-header" style="padding: 0.4rem">
        <span class="badge badge-primary">编码</span>
      </div> -->
      <div class="card-body" style="padding: 0%">
        <div class="container-fluid">
          <div class="row" style="margin-top: 0.4rem">
            <div class="col-12">
              <textarea
                id="decode-input"
                class="form-control"
                rows="5"
                placeholder="请输入要转换的内容"
              ></textarea>
            </div>
          </div>
          <div
            class="row text-center"
            style="
              padding-bottom: 0rem;
              padding-left: 0.8rem;
              text-align: left;
              padding-top: 0rem;
              margin: 0rem;
              padding: 0rem;
            "
          >
          <!-- <div
              class="form-group"
              style="margin-right: 0.5rem; padding: 0.3rem; margin-bottom: 0rem ;width: 10rem;"
            >
          <input class="form-control" placeholder="编码">
          </div> -->
            <div
              class="form-group"
              style="margin-right: 0.2rem; padding: 0.3rem; margin-bottom: 0rem"
            >
              <select
                id="opration"
                class="form-control"
                style="
                  width: 5rem;
                  height: 1.8rem;
                  font-size: 0.8rem;
                  padding: 0%;
                  margin: 0%;
                  padding-left: 0.3rem;
                  background-color: #dff0d8;
                  color: #3c763d;
                "
              >
                <option value="decode">解码</option>
                <option selected value="encode">编码</option>
              </select>
            </div>
            <div
              class="form-group"
              style="margin-right: 0.5rem; padding: 0.3rem; margin-bottom: 0rem"
            >
              <select
                id="decode-select"
                class="form-control"
                style="
                  background-color: #b0cdd7;
                  color: #1d354c;
                  width: 7rem;
                  height: 1.8rem;
                  font-size: 0.8rem;
                  padding: 0%;
                  margin: 0%;
                  padding-left: 0.3rem;
                "
              >
                <option selected value="base64">base64</option>
                <option value="base32">Base32</option>
                <option value="base16">Base16</option>
                <option value="base58">Base58</option>
                <option value="base62">Base62</option>
                <option value="url">URL</option>
                <option value="string2hex">ASCII (16进制)</option>
                <option value="unicode">unicode</option>
                <option value="utf8">UTF-8</option>
                <option value="md5">MD5</option>
                <option value="sha1">SHA1</option>
                <option value="sm3">SM3</option>
                <option value="sha3">SHA3</option>
                <option value="sha224">SHA224</option>
                <option value="sha256">SHA256</option>
                <option value="sha384">SHA384</option>
                <option value="sha512">SHA512</option>
                <option value="morse">Morse</option>
              </select>
            </div>
            <div
              class="form-group"
              style="margin-right: 0.5rem; padding: 0.3rem; margin-bottom: 0rem"
            >
              <button
                id="onEmpty"
                class="btn btn-block btn-info"
                style="
                  /* background-color: #2b91b4; */
                  /* color: #ffffff; */
                  width: 6rem;
                  height: 1.8rem;
                  font-size: 0.8rem;
                  padding: 0%;
                  margin: 0%;
                  padding-left: 0.1rem;
                "
              >
                清空
              </button>
            </div>
          </div>

          <div class="row">
            <div class="col-12">
              <span class="badge badge-primary">输出</span>
            </div>
            <div class="col-12">
              <textarea
                id="output_textarea"
                class="form-control"
                rows="7"
                disabled
              ></textarea>
              <br />
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="static/js/jquery-3.5.1.js"></script>
    <script src="static/js/bootstrap/bootstrap.js"></script>
    <script src="static/js/CryptoJS/components/core-min.js"></script>
    <script src="static/js/CryptoJS/components/md5-min.js"></script>
    <script src="static/js/CryptoJS/components/evpkdf-min.js"></script>
    <script src="static/js/CryptoJS/components/cipher-core-min.js"></script>
    <script src="static/js/CryptoJS/components/enc-base64-min.js"></script>
    <script src="static/js/CryptoJS/components/enc-utf16-min.js"></script>
    <script src="static/js/CryptoJS/components/format-hex-min.js"></script>
    <script src="static/js/CryptoJS/components/hmac-min.js"></script>
    <script src="static/js/CryptoJS/components/lib-typedarrays-min.js"></script>
    <script src="static/js/CryptoJS/components/mode-cfb-min.js"></script>
    <script src="static/js/CryptoJS/components/mode-ctr-gladman-min.js"></script>
    <script src="static/js/CryptoJS/components/mode-ctr-min.js"></script>
    <script src="static/js/CryptoJS/components/mode-ecb-min.js"></script>
    <script src="static/js/CryptoJS/components/mode-ofb-min.js"></script>
    <script src="static/js/CryptoJS/components/pad-ansix923-min.js"></script>
    <script src="static/js/CryptoJS/components/pad-iso10126-min.js"></script>
    <script src="static/js/CryptoJS/components/pad-iso97971-min.js"></script>
    <script src="static/js/CryptoJS/components/pad-nopadding-min.js"></script>
    <script src="static/js/CryptoJS/components/pad-zeropadding-min.js"></script>
    <script src="static/js/CryptoJS/components/pbkdf2-min.js"></script>
    <script src="static/js/CryptoJS/components/rabbit-legacy-min.js"></script>
    <script src="static/js/CryptoJS/components/rabbit-min.js"></script>
    <script src="static/js/CryptoJS/components/rc4-min.js"></script>
    <script src="static/js/CryptoJS/components/ripemd160-min.js"></script>
    <script src="static/js/CryptoJS/components/sha1-min.js"></script>
    <script src="static/js/CryptoJS/components/sha256-min.js"></script>
    <script src="static/js/CryptoJS/components/tripledes-min.js"></script>
    <script src="static/js/CryptoJS/components/x64-core-min.js"></script>
    <script src="static/js/CryptoJS/components/aes-min.js"></script>
    <script src="static/js/CryptoJS/components/sha224-min.js"></script>
    <script src="static/js/CryptoJS/components/sha3-min.js"></script>
    <script src="static/js/CryptoJS/components/sha512-min.js"></script>
    <script src="static/js/CryptoJS/components/sha384-min.js"></script>
    <script src="static/js/CryptoJS/components/sm-crypto.min.js"></script>
    <script src="static/js/DecodeJS/base32.js"></script>
    <script src="static/js/DecodeJS/hex2string.js"></script>
    <script src="static/js/DecodeJS/morse.js"></script>
    <script src="static/js/DecodeJS/utf16.js"></script>
    <!-- <script src="static/js/DecodeJS/base58.js"></script> -->
    <script src="static/js/DecodeJS/int2hex.js"></script>
    <script src="static/js/DecodeJS/byte2string.js"></script>
    <script src="static/js/DecodeJS/unicode.js"></script>
    <script src="static/js/base/base58.js"></script>
    <script src="static/js/base/base62.js"></script>
    <script src="static/js/base/base91.js"></script>
    <script src="static/js/base/base92.js"></script>
    <script src="static/js/lib/decode.js"></script>
  </body>
</html>
